.plugin-information {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
}

.plugin-information__description {
	margin-bottom: 0;
}

.plugin-information__wrapper {
	flex-grow: 1;
	margin-bottom: 16px;
}

.plugin-information__version-shell {
	@include clear-fix;
}

.plugin-information__version-shell .version {
	float: left;
	margin: 0 16px 8px 0;
}

.plugin-information__action-links {
	display: flex;
	flex-wrap: wrap;
	clear: both;

	.button {
		margin-top: 16px;
		flex-shrink: 0;
		margin-right: 10px;
	}
}

.plugin-information__last-updated {
	line-height: 18px;
	margin-bottom: 8px;
}

.plugin-information__last-updated .gridicons-sync {
	float: left;
	color: var( --color-warning );
	margin-right: 4px;
}

.plugin-information__version-info {
	font-size: $font-body-extra-small;
	color: var( --color-text-subtle );
	text-transform: uppercase;
	width: 100%;

	@include breakpoint-deprecated( '>480px' ) {
		float: left;
	}
}

.plugin-information__version-info.is-singlesite {

	.plugin-information__last-updated,
	.plugin-information__versions,
	.version {
		float: left;
		margin-bottom: 8px;
	}
}

.plugin-information__versions {
	line-height: 18px;
	white-space: nowrap;

	.gridicons-my-sites {
		float: left;
		margin-right: 4px;
	}

	.gridicons-cross-small {
		float: right;
		margin-left: 4px;
		color: var( --color-error );
	}

	.gridicons-checkmark {
		float: right;
		margin-left: 4px;
		color: var( --color-success );
	}
}

.plugin-information .plugin-ratings {
	flex-grow: 1;

	@include breakpoint-deprecated( '>480px' ) {
		flex-grow: 0;
		width: 160px;
	}
}

.plugin-information__version-limit-state {
	white-space: nowrap;
}

.plugin-information__links {
	clear: left;

	@include breakpoint-deprecated( '>480px' ) {
		float: left;
	}
}

.plugin-information__external-link {
	display: block;
	margin-top: 16px;
}

.plugin-information.is-placeholder {

	.plugin-information__wrapper {
		@include placeholder();
		@include breakpoint-deprecated( '>480px' ) {
			margin-right: 16px;
		}
	}

	.plugin-information__external-link,
	.version {
		color: transparent;

		svg {
			fill: transparent;
		}
	}

	.plugin-information__version-limit,
	.plugin-information__last-updated {
		width: 99%;
		margin-top:8px;
	}

	.rating {
		animation: loading-fade 1.6s ease-in-out infinite;
	}
}
